<!--
 * @Author: Dee Dee
 * @Date: 2023-08-09 09:48:48
 * @LastEditors: Dee Dee
 * @LastEditTime: 2023-08-22 09:51:25
 * @FilePath: /培训认证系统20230810/src/views/vadmin/home/admin.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="app-container">
        <!-- part1 -->
        <el-row :gutter="20">
       <Admin/>
        </el-row>
        <!-- part2 -->
        <el-row :gutter="20" style="margin-top: 20px;">
            <el-col :span="16">
                <Left/>
            </el-col>
            <el-col :span="8">
                <Right/>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import { mapGetters, mapState } from "vuex";
import variables from "@/assets/styles/variables.scss";
import Right from "@/views/vadmin/home/components/partTwo/right";
import Left from "@/views/vadmin/home/components/partTwo/left";
import Admin from "@/views/vadmin/home/components/partMain/index";

export default {
    components: { Right, Left, Admin },
    computed: {
        ...mapState(["settings", "admin", "id"]),
        variables() {
            return variables; 
        },
        theme() {
            return this.$store.state.settings.theme;
        },
        admin() {
            return this.$store.state.user.admin;
        },
        is_superuser() {
            return this.$store.state.user.is_superuser;
        },
        id() {
            return this.$store.state.user.id;
        }
    },
}
</script>

<style scoped>
.part1_title {
    font-size: 20px;
    font-weight: bold;
}
</style>